<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>豆瓣市集商品分类</title>
	<link rel="stylesheet" href="../css/category.css">
</head>
<body>
	<div class="mainnav">
		<div class="mainnav_l">
			<ul>
				<li><a href="#">豆瓣</a></li>
				<li><a href="#">读书</a></li>
				<li><a href="#">电影</a></li>
				<li><a href="#">音乐</a></li>
				<li><a href="#">同城</a></li>
				<li><a href="#">小组</a></li>
				<li><a href="#">阅读</a></li>
				<li><a href="#">FM</a></li>
				<li><a href="#">东西</a></li>
				<li><a href="#">市集</a></li>
				<li><a href="#">更多</a></li>
			</ul>
		</div>
		<div class="mainnav_r">
			<ul>
				<li><a href="#">下载豆瓣客户端</a>
					<div class="client">
						<img class="dou-picture" src="../img/nav_doubanapp_6.png" alt="豆瓣">
						<p class="appintro">豆瓣</p>
						<p class="slogan">我们的精神角落</p>
						<img class="qrcode" src="../img/nav_doubanapp_6_qrcode.png" alt="二维码">
						<p class="download"><a href="#">iphone</a><span>·</span><a href="#">Android</a></p>
					</div>
				</li>
				<li><a href="#">登录</a></li>
				<li><a href="#">注册</a></li>
			</ul>
		</div>
	</div>
	<!-- subnav -->

	<div class="wrapper">
		<div class="subnav">
					<div class="subnav_logo">
						<a href="#"><img class="logo" src="../img/logo.png" alt="douban"></a>
					</div>
					<ul>
						<li><a href="#">饮食</a>
							<div class="menu">
								<div class="leftdiv">
									<dl>
										<dt><a href="#">酒水</a></dt>
										<dd><a href="#">葡萄酒</a></dd>
										<dd><a href="#">米酒</a></dd>
										<dd><a href="#">白酒</a></dd>
										<dd><a href="#">啤酒</a></dd>
										<dd><a href="#">洋酒</a></dd>
										<dd><a href="#">其他</a></dd>
									</dl>
									<dl>
										<dt><a href="#">地方特产</a></dt>
										<dd><a href="#">新疆</a></dd>
										<dd><a href="#">四川</a></dd>
										<dd><a href="#">湖南</a></dd>
										<dd><a href="#">云南</a></dd>
										<dd><a href="#">海南</a></dd>
										<dd><a href="#">东北</a></dd>
										<dd><a href="#">北京</a></dd>
										<dd><a href="#">其他</a></dd>
									</dl>

									<dl>
										<dt><a href="#">饮料冲调</a></dt>
										<dd><a href="#">饮料</a></dd>
										<dd><a href="#">咖啡</a></dd>
										<dd><a href="#">蜂蜜</a></dd>
										<dd><a href="#">速溶</a></dd>
										<dd><a href="#">冲饮谷物</a></dd>
										<dd><a href="#">其他</a></dd>
									</dl>
									<dl>
										<dt><a href="#">生鲜食品</a></dt>
										<dd><a href="#">新鲜水果</a></dd>
										<dd><a href="#">海鲜水产</a></dd>
										<dd><a href="#">生肉禽蛋</a></dd>
										<dd><a href="#">产地直供</a></dd>
										<dd><a href="#">其他</a></dd>
									</dl>
									<dl>
										<dt><a href="#">蜂蜜/茗茶</a></dt>
										<dd><a href="#">咖啡</a></dd>
										<dd><a href="#">蜂蜜</a></dd>
										<dd><a href="#">茗茶</a></dd>
									</dl>
								</div>
								<div class="rightdiv">
									<a href="#"><img src="../img/right-img.png" alt=""></a>
									<p><a href="#">台湾手工黑茶糖</a></p>
								</div>
							</div>
						</li>
						<li><a href="#">服装</a>
							<div class="menu">
								<div class="leftdiv">
									<dl>
										<dt><a href="#">男下装</a></dt>
										<dd><a href="#">休闲裤</a></dd>
										<dd><a href="#">牛仔裤</a></dd>
										<dd><a href="#">短裤</a></dd>
			
									</dl>
									<dl>
										<dt><a href="#">男上装</a></dt>
										<dd><a href="#">外套</a></dd>
										<dd><a href="#">衬衫</a></dd>
										<dd><a href="#">卫衣</a></dd>
										<dd><a href="#">毛衣</a></dd>
										<dd><a href="#">海南</a></dd>
										<dd><a href="#">东北</a></dd>
										<dd><a href="#">北京</a></dd>
										<dd><a href="#">其他</a></dd>
									</dl>

									<dl>
										<dt><a href="#">饮料冲调</a></dt>
										<dd><a href="#">饮料</a></dd>
										<dd><a href="#">咖啡</a></dd>
										<dd><a href="#">蜂蜜</a></dd>
										<dd><a href="#">速溶</a></dd>
										<dd><a href="#">冲饮谷物</a></dd>
										<dd><a href="#">其他</a></dd>
									</dl>
									<dl>
										<dt><a href="#">生鲜食品</a></dt>
										<dd><a href="#">新鲜水果</a></dd>
										<dd><a href="#">海鲜水产</a></dd>
										<dd><a href="#">生肉禽蛋</a></dd>
										<dd><a href="#">产地直供</a></dd>
										<dd><a href="#">其他</a></dd>
									</dl>
									<dl>
										<dt><a href="#">蜂蜜/茗茶</a></dt>
										<dd><a href="#">咖啡</a></dd>
										<dd><a href="#">蜂蜜</a></dd>
										<dd><a href="#">茗茶</a></dd>
									</dl>
								</div>
								<div class="rightdiv">
									<a href="#"><img src="../img/file-1478758742-0.jpg" alt=""></a>
									<p><a href="#">羊毛混纺针织衬衣</a></p>
								</div>
							</div>
						</li>
						<li><a href="#">配饰</a></li>
						<li><a href="#">包装</a></li>
						<li><a href="#">鞋靴</a></li>
						<li><a href="#">美容护肤</a></li>
						<li><a href="#">家居</a></li>
						<li><a href="#">时间</a></li>
						<li><a href="#">更多</a></li>
					</ul>
					
					<div class="subnav_r">
						<a class="user_a" href="#"><img class="user_img" src="../img/user_large.jpg" alt="user"><span>个人中心</span></a>
						<a class="inquire" href="#">订单查询</a>
					</div>
					<div class="search_bar">
						<form action="" class="searchform">
							<input class="text" type="text" placeholder="搜一下试试看">
							<img src="../img/record.png" alt="">
						</form>
					</div>
		</div>
		<div class="content">
				<img src="../img/file-1479088832-0.jpg" alt="content_img">
				<div class="icon-slides_l"></div>
				<div class="icon-slides_r"></div>
		</div>
		<!-- product -->
		<div class="product">
			<div class="product_l">
				<h3>分类</h3>
				<ul>
					<li class="bgc"><a href="">饮食</a>
						<ul>
							<li><a href="">地方特产</a></li>
							<li><a href="">饮料冲调</a></li>
							<li><a href="">生鲜食品</a></li>
							<li><a href="">咖啡/蜂蜜/茶</a></li>
							<li><a href="">休闲食品</a></li>
							<li><a href="">保健食品</a></li>
							<li><a href="">节庆食品</a></li>
							<li><a href="">粮油调味</a></li>
						</ul>
					</li>
					<li><a href="">服装</a></li>
					<li><a href="">配饰</a></li>
					<li><a href="">包袋</a></li>
					<li><a href="">鞋靴</a></li>
					<li><a href="">美容护肤</a></li>
					<li><a href="">家居</a></li>
					<li><a href="">时间</a></li>
					<li><a href="">3C数码</a></li>
					<li><a href="">情侣装</a></li>
					<li><a href="">母婴儿童</a></li>
					<li><a href="">内衣</a></li>
					<li><a href="">运动户外</a></li>
					<li><a href="">玩具</a></li>
					<li><a href="">汽车用品</a></li>
					<li><a href="">艺术品</a></li>
					<li><a href="">图书</a></li>
				</ul>
			</div>
			<div class="product_r">
				<div class="product_r_top">
					<div class="product_r_top_l">
						<ul>
							<li><a href="#">综合排序↓</a></li>
							<li><a href="#">喜欢数量</a></li>
							<li><a href="#">上架时间</a></li>
							<li><a href="#">价格</a></li>
						</ul>
					</div>
					<div class="product_r_top_r">
						<ul>
							<li><<上一页</li>
							<li>1</li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
							<li><a href="#">6</a></li>
							<li><a href="#">...81</a></li>
							<li><a href="#">下一页>></a></li>
						</ul>
					</div>
				</div>
				<!--product_goods-->
				<div class="product_goods">

				
					<div class="goodsdiv">
						<a href="#"><img class="goods_img hover_img" src="../img/p388857.jpg" alt="good1"></a>
						<p class="goods_p1"><a href="#">【豆瓣专享】童年的味道 黄桃罐头12罐*425g</a></p>
						<p class="goods_p2"><a href="#">果味佳园</a></p>
						<div class="price">
							<div class="price_l"><del>￥128.00</del><span>￥108.00</span></div>
							<div class="love"><img src="../img/love.png" alt="赞"><span>165</span></div>
						</div>
					</div>


					<div class="goodsdiv">
						<a href="#"><img class="goods_img hover_img" src="../img/p356586.jpg" alt="good2"></a>
						<p class="goods_p1"><a href="#">青品尚 原酿森林雪蜜 来自长白山原始森林 280g</a></p>
						<p class="goods_p2"><a href="#">青品尚</a></p>
						<div class="price">
							<div class="price_l"><!-- <del>￥128.00</del> --><span>￥56.00</span></div>
							<div class="love"><img src="../img/love.png" alt="赞"><span>47</span></div>
						</div>
					</div>


					<div class="goodsdiv">
						<a href="#"><img class="goods_img hover_img" src="../img/p418253.jpg" alt="good3"></a>
						<p class="goods_p1"><a href="#">雕刻时光咖啡馆 | 开心时光挂耳咖啡马克杯组合</a></p>
						<p class="goods_p2"><a href="#">雕刻时光</a></p>
						<div class="price">
							<div class="price_l"><!-- <del>￥128.00</del> --><span>￥78.00</span></div>
							<div class="love"><img src="../img/love.png" alt="赞"><span>89</span></div>
						</div>
					</div>


					<div class="goodsdiv">
						<a href="#"><img class="goods_img hover_img" src="../img/p397811.jpg" alt="good3"></a>
						<p class="goods_p1"><a href="#">UMTEA 德国进口白茶(芒香白茶)</a></p>
						<p class="goods_p2"><a href="#">UMTEA</a></p>
						<div class="price">
							<div class="price_l"><!-- <del>￥128.00</del> --><span>￥59.00</span></div>
							<div class="love"><img src="../img/love.png" alt="赞"><span>89</span></div>
						</div>
					</div>


					<div class="goodsdiv">
						<a href="#"><img class="goods_img hover_img" src="../img/p409844.jpg" alt="good3"></a>
						<p class="goods_p1"><a href="#">粮赞丨古法米酒（窖藏一年）500ml</a></p>
						<p class="goods_p2"><a href="#">粮赞</a></p>
						<div class="price">
							<div class="price_l"><!-- <del>￥128.00</del> --><span>￥48.00</span></div>
							<div class="love"><img src="../img/love.png" alt="赞"><span>143</span></div>
						</div>
					</div>


					<div class="goodsdiv">
						<a href="#"><img class="goods_img hover_img" src="../img/p440833.jpg" alt="good3"></a>
						<p class="goods_p1"><a href="#">粮赞丨小酥薄饼16枚*2盒</a></p>
						<p class="goods_p2"><a href="#">粮赞</a></p>
						<div class="price">
							<div class="price_l"><!-- <del>￥128.00</del> --><span>￥56.00</span></div>
							<div class="love"><img src="../img/love.png" alt="赞"><span>47</span></div>
						</div>
					</div>


				</div>
			</div>
		</div>
	</div>
</body>
</html>